.container {
  //   width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(248, 249, 253);

  .loginForm {
    position: relative;

    .title {
      width: 100%;
      text-align: center;
      color: #349dff;
      font-size: 32px;
      line-height: 36px;
      font-weight: 600;
      position: absolute;
      top: -60px;
    }

    .loginContent {
      padding: 30px 60px;
      background: #fff;
      border-radius: 5px;
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 5%);
      .type {
        margin-bottom: 24px;
        text-align: center;
        display: flex;
        align-items: center;
        gap: 20px;
        justify-content: space-evenly;
        cursor: pointer;
        font-size: medium;

        .active {
          color: #349dff;
        }

        .middleText {
          color: #a8a8a8;
        }
      }

      :global {
        .ant-input-affix-wrapper {
          background: #fff;
        }

        .ant-input {
          background-color: #fff;
        }

        .ant-input-prefix {
          color: #a8a8a8;
        }
      }
      .bottomOp{
        text-align: end;  
        .opItem{
          cursor: pointer;
          color: #349dff;
        }      
      }
    }
  }
}
